.hidden{
	
	display: none;
}


.show
{
	display: block
}

body
{
	background: #fff;
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",STHeiTi,SimHei,sans-serif;
	line-height: 1;
	color: #212121;
	word-wrap: break-word;
	word-break: break-all
}

h1,h2,h3,h4,h5,h6,button,.button
{
	font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",STHeiTi,SimHei,sans-serif
}

hr
{
	border-width: 0;
	height: 10px
}

li
{
	list-style: none
}

label
{
	color: #212121;
	font-size: .8125rem
}

label.right.inline
{
	cursor: default
}

label.inline.mg-0,input[type="text"].mg-0
{
	margin: 0
}

input:not([type]),input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="color"],textarea
{
	border-color: #e5e5e5;
	box-shadow: none;
	color: #212121;
	font-size: .8125rem;
	line-height: inherit;
	transition: border-color 300ms ease-out
}

input:not([type]):focus,input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input[type="color"]:focus,textarea:focus
{
	border-color: #545454;
	background: #f9f9f9
}

input:not([type])::-webkit-input-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="datetime"]::-webkit-input-placeholder,input[type="datetime-local"]::-webkit-input-placeholder,input[type="month"]::-webkit-input-placeholder,input[type="week"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="time"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="color"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder
{
	color: #b3b3b3;
	font-size: .8125rem
}

textarea[rows]
{
	resize: none
}

select
{
	background-color: #fff;
	border-color: #e5e5e5;
	color: #212121;
	font-size: .8125rem;
	transition: border-color 300ms ease-out
}

select:hover
{
	border-color: #545454
}

select:disabled
{
	background-color: #f9f9f9
}

ul.pagination
{
	margin: 0
}

ul.pagination li
{
	margin-left: 1px
}

ul.pagination li a,ul.pagination li button
{
	font-size: .8125rem;
	padding: .3125rem .75rem;
	font-weight: normal;
	border: 1px solid #e7e9ea;
	border-radius: 0
}

ul.pagination li a:hover,ul.pagination li button:hover,ul.pagination li a:focus,ul.pagination li button:focus
{
	background: #e7e9ea;
	color: #212121
}

ul.pagination li.current a,ul.pagination li.current button,ul.pagination li.current a:hover,ul.pagination li.current a:focus,ul.pagination li.current button:hover,ul.pagination li.current button:focus
{
	font-weight: normal;
	background: #2096f3;
	color: #fff;
	border: 1px solid #2096f3
}

.sub-nav
{
	padding: 0;
	margin: 10px
}

.sub-nav:before,.sub-nav:after
{
	content: " ";
	display: table
}

.sub-nav:after
{
	clear: both
}

.sub-nav dt,.sub-nav dd
{
	padding: 0;
	margin: 0;
	line-height: 30px;
	height: 30px
}

.sub-nav dt
{
	font-size: .8125rem;
	color: #999;
	padding: 0 1rem
}

.sub-nav dd
{
	font-size: .8125rem;
	color: #212121;
	margin-right: 5px
}

.sub-nav dd a
{
	display: inline-block;
	height: 30px;
	padding: 0 1rem;
	border-radius: 3px;
	color: #212121
}

.sub-nav dd a:hover,.sub-nav dd a.current
{
	background: #2096f3;
	color: #fff
}

.hide
{
	display: none
}

.show
{
	display: block
}

.pd-0
{
	padding: 0 !important
}

.pd-l-0
{
	padding-left: 0
}

.pd-r-0
{
	padding-right: 0
}

.mg-lr
{
	margin: 0 -0.9375rem
}

.mg-0
{
	margin: 0 !important
}

.mg-b
{
	margin-bottom: 20px !important
}

.mgb-0
{
	margin-bottom: 0 !important
}

.mg-t0
{
	margin-top: 0 !important
}

.mg-t10
{
	margin-top: 10px !important
}

.mg-t20
{
	margin-top: 20px !important
}

.mg-b20
{
	margin-bottom: 20px
}

.mg-r20
{
	margin-right: 20px
}

.mg-l17
{
	margin-left: 17px
}

.bd-0
{
	border: 0 !important
}

.bd-b0
{
	border-bottom: 0 !important
}

.last-mg-b0:last-child
{
	margin-bottom: 0 !important
}

.len-5
{
	width: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.len-8
{
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.centered
{
	text-align: center
}

.clear
{
	font-size: 0;
	line-height: 0;
	clear: both
}

.tooltip
{
	font-size: .75rem;
	background: #2d353c
}

.has-tip:hover,.has-tip:focus
{
	color: #1d84f8
}

.pricing-table .cus_price_bg
{
	background: #fff;
	color: #212121
}

.pricing-table .price
{
	padding: .5rem 1.25rem
}

.pricing-table .price span
{
	font-size: .875rem;
	color: #999
}

.edui-default table
{
	margin-bottom: 0;
	border: 0 none
}

.edui-default table tr th,.edui-default table tr td
{
	padding: 0
}

.edui-default table tr:nth-of-type(2n)
{
	background: #fff
}

button.edui-default
{
	font-size: 12px;
	color: #454545;
	line-height: 18px;
	padding: 0 10px;
	background: #fff;
	margin: 0;
	border: 1px solid #dadada;
	border-radius: 3px
}

.edui-container
{
	margin-bottom: 15px !important
}

.edui-container input
{
	padding: 0 8px
}

.edui-modal-header .edui-video-url
{
	font-size: 12px
}

.edui-video-wrapper
{
	width: 590px !important
}

.edui-video-wrapper label
{
	font-size: 12px
}

.edui-video-wrapper table
{
	border: 0 none;
	margin-bottom: 0
}

.edui-video-wrapper table tr td
{
	padding: 0
}

.edui-dialog-video #eduiVideoInfo
{
	width: 140px
}

.edui-dialog-video fieldset
{
	width: 140px !important
}

.edui-dialog-video #eduiVideoFloat div
{
	margin: 6px 9px !important
}

.edui-dialog-video #eduiVideoPreview
{
	margin-left: 0 !important
}

.edui-dialog-video .edui-video-wrapper label.edui-video-url
{
	margin-left: 0 !important
}

table.dataTable
{
	margin: 0 !important
}

.ui-front
{
	z-index: 9999 !important
}

.wrap
{
	background: #f0f0f0;
	min-height: 100%
}

.container
{
	margin-left: 200px
}

.template
{
	padding: 0 24px;
	max-width: 100%
}

.template:before,.template:after
{
	content: " ";
	display: table
}

.template:after
{
	clear: both
}

.template .row
{
	max-width: none
}

.mainContent
{
	overflow: hidden
}

.modules
{
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5
}

.modules a
{
	text-decoration:none;	
}

.modules.transparent
{
	background: none;
	border: 0
}

.modules.chart
{
	overflow: hidden;
	padding: 10px 0
}

.show_left_nav
{
	font-size: 1.5rem;
	color: #212121;
	line-height: 80px;
	text-indent: 10px
}

.show_left_nav:active,.show_left_nav:link
{
	color: #212121
}

.topNav
{
	background: #fff;
	width: 100%;
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.topNav .sys_notice
{
	display: block;
	float: left;
	position: relative;
	width: 17px;
	height: 18px;
	margin: 19px 22px 0 0;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	background-position: -170px -50px
}

.topNav .sys_notice.styd
{
	background-position: -150px -50px
}

.topNav .sys_notice i
{
	display: block;
	position: absolute;
	color: #fff;
	text-align: center;
	padding: 0 3px;
	height: 14px;
	left: 15px;
	top: -7px;
	border-radius: 2px;
	word-break: normal;
	font: normal .75rem/14px Arial,sans-serif
}

.topNav .sys_notice i.red
{
	background: #ed5565
}

.topNav .sys_notice i.orange
{
	background: #fabf2d
}

.topNav .user_avatar
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 12px 16px 0 0;
	border-radius: 100%
}

.topNav .user_avatar img
{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.topNav .f-dropdown
{
	width: 142px;
	padding: 7px 0
}

.footNav
{
	display: none;
	font-size: .75rem;
	color: #999;
	text-align: center;
	height: 40px;
	line-height: 40px
}

.footNav a
{
	display: inline-block;
	padding: 0 7px;
	color: #2096f3
}

.breadCrumb
{
	margin: 0 -24px 20px;
	background: #fcfcfc;
	height: 83px;
	padding: 18px 24px;
	border-bottom: 1px solid #e5e5e5
}

.breadCrumb .titles h3
{
	font-size: 1.25rem;
	margin: 0 0 5px;
	line-height: 1
}

.page_breadcrumbs
{
	margin-bottom: 0;
	font-size: .8125rem
}

.page_breadcrumbs a
{
	color: #999
}

.page_breadcrumbs a:hover
{
	color: #2096f3
}

.page_breadcrumbs span
{
	color: #666
}

.page_breadcrumbs i
{
	color: #999;
	font-size: 1rem
}

.pageTab
{
	margin: 0 auto 20px;
	height: 34px;
	border-bottom: 2px solid #e5e5e5
}

.pageTab:before,.pageTab:after
{
	content: " ";
	display: table
}

.pageTab:after
{
	clear: both
}

.pageTab li
{
	float: left;
	margin-right: 30px;
	line-height: 1
}

.pageTab li:last-child
{
	margin-right: 0
}

.pageTab li a
{
	display: block;
	font-size: .875rem;
	color: #212121;
	padding: 0 3px 16px
}

.pageTab li a.current
{
	color: #2096f3;
	border-bottom: 4px solid #2096f3
}

.pageTab.tiny
{
	margin: 20px auto 0;
	padding-left: 15px;
	height: 32px;
	border-bottom: 1px solid #f5f5f5
}

.pageTab.tiny li
{
	margin-right: 20px
}

.pageTab.tiny li:last-child
{
	margin-right: 0
}

.pageTab.tiny li a
{
	font-size: 1rem;
	padding: 0 3px 13px;
	outline: none
}

.pageTab.tiny li.active a
{
	color: #2096f3;
	border-bottom: 2px solid #2096f3
}

.subTab
{
	margin: 0 0 20px;
	border-bottom: 1px solid #e5e5e5
}

.subTab:before,.subTab:after
{
	content: " ";
	display: table
}

.subTab:after
{
	clear: both
}

.subTab li
{
	float: left
}

.subTab li a
{
	display: block;
	color: #676A6A;
	font-size: .8125rem;
	padding: 13px 14px 14px;
	border-top: 3px solid #fff
}

.subTab li a.current
{
	margin-bottom: -1px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-top: 3px solid #2096f3;
	border-bottom: 1px solid #fff
}

.subTab li a:hover
{
	color: #2096f3
}

.subTab li:first-child a.current
{
	border-left: 0
}

.childTab
{
	margin: 0 0 20px 15px
}

.childTab:before,.childTab:after
{
	content: " ";
	display: table
}

.childTab:after
{
	clear: both
}

.childTab.tinny
{
	margin: 10px 0 10px 15px
}

.childTab li
{
	float: left;
	margin-left: -1px
}

.childTab li a
{
	display: block;
	height: 30px;
	padding: 0 17px;
	line-height: 30px;
	font-size: .8125rem;
	color: #3c3c3c;
	border: 1px solid #e5e5e5
}

.childTab li a:hover
{
	color: #2096f3
}

.childTab li a.current
{
	border-color: #2096f3;
	background: #2096f3;
	color: #fff
}

.childTab li a.current:hover
{
	color: #fff
}

.childTab li .date_section
{
	width: 205px;
	height: 30px;
	margin: 0;
	border: 0 none;
	background: url('../img/icon_web.png') no-repeat right 15px;
	cursor: pointer;
	padding-left: 17px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #e5e5e5
}

.childTab li .date_section.active
{
	background-position: right -8px
}

.childTab li .date_section[readonly]
{
	background-color: #fff;
	cursor: pointer
}

.childTab li:first-child a,.childTab li:first-child .date_section
{
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.childTab li:last-child a
{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.filter_fix
{
	padding-top: 20px
}

.filter_fix.button_only
{
	padding-bottom: 20px
}

.col_title
{
	margin: 0;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size: .875rem
}

.column-title
{
	font-size: 16px;
	font-weight: normal
}

.invite_link
{
	margin: 17px 20px 0 0
}

.invite_link a:hover
{
	color: #fff
}

.chart_modules
{
	min-height: 250px;
	padding: 0 15px 20px;
	overflow: hidden
}

.icn
{
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 12px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px
}

.icn.icn_clock
{
	background-position: 0 0
}

.icn.icn_credit_card
{
	background-position: -16px 0
}

.icn.icn_newspaper
{
	background-position: -32px 0
}

.icn.icn_training
{
	background-position: -64px 0
}

.icn.icn_finance
{
	background-position: -48px 0
}

.icn.icn_bar_chart
{
	background-position: -80px 0
}

.icn.icn_user
{
	background-position: -112px 0
}

.icn.icn_mall
{
	background-position: -96px 0
}

.icn.icn_institution
{
	background-position: -128px 0
}

.icn.icn_plugins
{
	background-position: -144px 0
}

.icn.icn_gears
{
	background-position: -160px 0
}

.icn.icn_cube
{
	background-position: -176px 0
}

.icn.i_left
{
	margin-right: 20px
}

.arr
{
	display: block;
	width: 8px;
	height: 5px
}

.arr.arrow
{
	position: absolute;
	right: 15px;
	top: 18px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	background-position: 0 -50px
}

.arr.arrow_up
{
	transform: rotate(180deg)
}

.dot
{
	display: block;
	float: left;
	font-style: normal;
	padding-top: 0 !important;
	padding-bottom: 4px !important;
	margin-top: 14px
}

.leftNav
{
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	background: #2f3e4d;
	overflow: hidden
}

.leftNav .sys_avatar
{
	display: block;
	width: 200px;
	height: 32px;
	margin: 12px 0 20px
}

.leftNav .sys_avatar:before,.leftNav .sys_avatar:after
{
	content: " ";
	display: table
}

.leftNav .sys_avatar:after
{
	clear: both
}

.leftNav .sys_avatar .sys_thumb
{
	overflow: hidden;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 12px;
	border-radius: 30px;
	border: 2px solid #828b94
}

.leftNav .sys_avatar .sys_thumb img
{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.leftNav .sys_avatar .sys_link
{
	display: block;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 1.125rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10px
}

.leftNav .navInner
{
	margin: 0;
	list-style: none;
	color: #9ca3ab
}

.leftNav .navInner .firstNav
{
	display: block;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	cursor: pointer;
	color: #9ca3ab
}

.leftNav .navInner .firstNav span
{
	display: block;
	float: left;
	color: #9ca3ab;
	font-size: .875rem;
	font-weight: normal
}

.leftNav .navInner .firstNav:hover,.leftNav .navInner .firstNav.current,.leftNav .navInner .firstNav.b1,.leftNav .navInner .firstNav.b1:hover
{
	background: #2c3a48
}

.leftNav .navInner .firstNav:hover span,.leftNav .navInner .firstNav.current span,.leftNav .navInner .firstNav.b1 span,.leftNav .navInner .firstNav.b1:hover span
{
	color: #fff
}

.leftNav .navInner .firstNav:hover .icn.icn_clock,.leftNav .navInner .firstNav.current .icn.icn_clock,.leftNav .navInner .firstNav.b1 .icn.icn_clock,.leftNav .navInner .firstNav.b1:hover .icn.icn_clock
{
	background-position: 0 -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_credit_card,.leftNav .navInner .firstNav.current .icn.icn_credit_card,.leftNav .navInner .firstNav.b1 .icn.icn_credit_card,.leftNav .navInner .firstNav.b1:hover .icn.icn_credit_card
{
	background-position: -16px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_newspaper,.leftNav .navInner .firstNav.current .icn.icn_newspaper,.leftNav .navInner .firstNav.b1 .icn.icn_newspaper,.leftNav .navInner .firstNav.b1:hover .icn.icn_newspaper
{
	background-position: -32px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_training,.leftNav .navInner .firstNav.current .icn.icn_training,.leftNav .navInner .firstNav.b1 .icn.icn_training,.leftNav .navInner .firstNav.b1:hover .icn.icn_training
{
	background-position: -64px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_finance,.leftNav .navInner .firstNav.current .icn.icn_finance,.leftNav .navInner .firstNav.b1 .icn.icn_finance,.leftNav .navInner .firstNav.b1:hover .icn.icn_finance
{
	background-position: -48px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_bar_chart,.leftNav .navInner .firstNav.current .icn.icn_bar_chart,.leftNav .navInner .firstNav.b1 .icn.icn_bar_chart,.leftNav .navInner .firstNav.b1:hover .icn.icn_bar_chart
{
	background-position: -80px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_user,.leftNav .navInner .firstNav.current .icn.icn_user,.leftNav .navInner .firstNav.b1 .icn.icn_user,.leftNav .navInner .firstNav.b1:hover .icn.icn_user
{
	background-position: -112px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_mall,.leftNav .navInner .firstNav.current .icn.icn_mall,.leftNav .navInner .firstNav.b1 .icn.icn_mall,.leftNav .navInner .firstNav.b1:hover .icn.icn_mall
{
	background-position: -96px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_institution,.leftNav .navInner .firstNav.current .icn.icn_institution,.leftNav .navInner .firstNav.b1 .icn.icn_institution,.leftNav .navInner .firstNav.b1:hover .icn.icn_institution
{
	background-position: -128px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_plugins,.leftNav .navInner .firstNav.current .icn.icn_plugins,.leftNav .navInner .firstNav.b1 .icn.icn_plugins,.leftNav .navInner .firstNav.b1:hover .icn.icn_plugins
{
	background-position: -144px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_gears,.leftNav .navInner .firstNav.current .icn.icn_gears,.leftNav .navInner .firstNav.b1 .icn.icn_gears,.leftNav .navInner .firstNav.b1:hover .icn.icn_gears
{
	background-position: -160px -25px
}

.leftNav .navInner .firstNav:hover .icn.icn_cube,.leftNav .navInner .firstNav.current .icn.icn_cube,.leftNav .navInner .firstNav.b1 .icn.icn_cube,.leftNav .navInner .firstNav.b1:hover .icn.icn_cube
{
	background-position: -176px -25px
}

.leftNav .navInner .subNav
{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #2c3a48
}

.leftNav .navInner .subNav li
{
	height: 36px;
	cursor: pointer;
	border-bottom: 0
}

.leftNav .navInner .subNav li a
{
	padding-left: 56px;
	color: #9ca3ab;
	font-size: .875rem;
	line-height: 36px;
	display: block;
	width: 100%;
	height: 100%
}

.leftNav .navInner .subNav li a:hover,.leftNav .navInner .subNav li a.current
{
	color: #fff
}

.leftNav .navInner .subNav li a.current
{
	background: #24303c
}

.leftNav .sys_logo
{
	overflow: hidden;
	border-top: 1px solid #364756
}

.leftNav .sys_logo p,.leftNav .sys_logo a
{
	display: block;
	width: 102px;
	height: 24px;
	margin: 20px auto 15px;
	text-indent: -9999px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	background-position: -40px -50px
}

.leftNav .sys_logo .version
{
	display: block;
	font-size: .75rem;
	color: #24303c;
	text-align: center;
	width: 100px;
	height: 18px;
	line-height: 18px;
	margin: 0 auto 15px;
	background: #49545e;
	background-image: -moz-linear-gradient(0deg, #2f3e4d 5%, #7d8289 53%, #2f3e4d 95%);
	background-image: -webkit-linear-gradient(0deg, #2f3e4d 5%, #7d8289 53%, #2f3e4d 95%);
	background-image: -ms-linear-gradient(0deg, #2f3e4d 5%, #7d8289 53%, #2f3e4d 95%)
}

.t-color.red
{
	color: #ed5565
}

.t-color.yellow
{
	color: #fabf2d
}

.t-color.green
{
	color: #0cc3aa
}

.t-color.blue
{
	color: #2096f3
}

.t-color.black
{
	color: #212121
}

.t-color.grey
{
	color: #b2b2b2
}

.t-size.normal
{
	font-size: .8125rem
}

.t-size.tinny
{
	font-size: .625rem
}

.t-size.small
{
	font-size: .75rem
}

.t-size.medium
{
	font-size: .875rem
}

.t-size.large
{
	font-size: 1rem
}

.t-size.xlarge
{
	font-size: 1.125rem
}

.t-size.xxlarge
{
	font-size: 1.25rem
}

.t-label
{
	display: inline-block;
	font-size: .75rem;
	color: #fff;
	line-height: 1;
	padding: 2px 5px;
	margin-left: 5px;
	border-radius: 3px
}

.t-label.red
{
	background: #ed5565
}

.t-label.yellow
{
	background: #fabf2d
}

.t-label.green
{
	background: #0cc3aa
}

.t-label.blue
{
	background: #2096f3
}

.t-label.black
{
	background: #212121
}

.t-label.grey
{
	background: #b2b2b2
}

.t-label.team
{
	background: #fd9f45
}

.t-label.coach
{
	background: #a88add
}

.t-label.court
{
	background: #0cc3aa
}

.cus_table
{
	width: 100%;
	border-width: 1px 0;
	border-style: solid;
	border-color: #f5f5f5;
	margin-bottom: 0
}

.cus_table thead th
{
	background: #fff;
	color: #212121;
	padding: .9rem .2rem;
	font-size: .8125rem;
	font-weight: bold;
	line-height: inherit;
	border-bottom: 2px solid #f5f5f5
}

.cus_table thead th b
{
	font-weight: normal;
	font-size: .875rem
}

.cus_table thead th:first-child
{
	padding-left: 1.875rem
}

.cus_table thead th a.th_link
{
	display: inline-block;
	background: #0cc3aa;
	color: #fff;
	border: 0;
	padding: 5px 10px;
	white-space: nowrap;
	border-radius: 3px;
	margin-right: 5px
}

.cus_table thead th a.th_link:hover
{
	background: #08ad8e;
	color: #fff
}

.cus_table thead .pdl
{
	font-size: 1rem;
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 13px !important
}

.cus_table tbody td
{
	border-bottom: 1px solid #f5f5f5;
	padding: .65rem .2rem;
	color: #212121;
	font-size: .8125rem;
	height: 50px
}

.cus_table tbody td.tick::before
{
	content: '\221A';
	color: #4b0
}

.cus_table tbody td.current
{
	background: #a7daf7
}

.cus_table tbody td.action_columns
{
	text-align: left;
	font-size: 0
}

.cus_table tbody td.action_columns a.inline-button:last-child
{
	margin-right: 0
}

.cus_table tbody td:first-child,.cus_table tbody td.pd-30
{
	padding-left: 1.875rem
}

.cus_table tbody td p.card_tips
{
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	text-decoration: none
}

.cus_table tbody td p.card_tips .has-tip,.cus_table tbody td p.card_tips .has-tip:focus
{
	border: 0 none;
	cursor: pointer;
	font-weight: normal;
	color: #212121
}

.cus_table tbody td p.card_tips .has-tip:hover
{
	color: #2096f3
}

.cus_table tbody td a
{
	color: #212121;
	text-decoration: none
}

.cus_table tbody td a.inline-button
{
	width: 29px;
	height: 27px;
	text-align: center;
	padding: 0;
	margin: 0 10px 0 0;
	line-height: 27px;
	border: 1px solid #ececec;
	border-radius: 3px;
	background-color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size: 1rem;
	color: #676A6A;
	transition: background-color 300ms ease-out
}

.cus_table tbody td a.inline-button:hover
{
	color: #676A6A;
	background: #ececec
}

.cus_table tbody td a.inline-button:last-child
{
	padding-right: 0
}

.cus_table tbody td a.thumbs_icon
{
	text-decoration: none
}

.cus_table tbody td a.thumbs_icon .has-tip,.cus_table tbody td a.thumbs_icon .has-tip:hover,.cus_table tbody td a.thumbs_icon .has-tip:focus
{
	border: 0 none
}

.cus_table tbody td a.thumbs_icon .icon_birthday
{
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-left: 5px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	background-position: -232px -50px;
	vertical-align: middle
}

.cus_table tbody td a:hover
{
	color: #2096f3
}

.cus_table tr
{
	background: #fff
}

.cus_table tr:hover,.cus_table tr:nth-of-type(even):hover
{
	background: #fff
}

.cus_table tr:nth-of-type(odd)
{
	background: #f9f9f9
}

.cus_table tr.red td:nth-child(n+2)
{
	color: #f04124
}

.cus_table tr.gray td:nth-child(n+2)
{
	color: #ccc
}

.cus_table tr.gray td:nth-child(n+2) a
{
	color: #ccc
}

.cus_table tr.gray td:nth-child(n+2) a:hover
{
	color: #212121
}

.cus_table tr.sub_header
{
	background: #f2f2f2
}

.cus_table tr.sub_header td
{
	padding: 0;
	height: 30px;
	border-bottom: 1px solid #fff
}

.cus_table tr.sub_header td i.pd-lr
{
	padding: 0 1em
}

.cus_table tr.sub_header td:first-child
{
	padding-left: 15px
}

.cus_table.right_border tbody td
{
	border-right: 1px solid #f5f5f5
}

.cus_table.reset_th_padding
{
	border: 0
}

.cus_table.reset_th_padding thead th:first-child,.cus_table.reset_th_padding tbody td:first-child
{
	padding-left: .5rem;
	padding-right: .5rem
}

.cus_table.reset_th_padding tr:nth-of-type(odd)
{
	background: #fff
}

.cus_table.reset_th_bg
{
	margin-bottom: 10px;
	border: 1px solid #e5e5e5
}

.cus_table.reset_th_bg thead th
{
	border-bottom: 1px solid #e5e5e5;
	color: #212121;
	font-weight: normal;
	font-size: .8125rem
}

.cus_table.reset_th_bg thead th:first-child:before
{
	display: none
}

.cus_table.reset_th_bg thead.white_bg th
{
	background-color: #fff
}

.cus_table.reset_th_bg td table td
{
	border-bottom: 1px solid #e5e5e5
}

.cus_table.disabled_tr tr:hover,.cus_table.disabled_tr tr:nth-of-type(odd)
{
	background: #fff
}

.cus_table th.disabled,.cus_table td.disabled
{
	background: #eee
}

.role_table
{
	width: 100%;
	border: 0;
	margin-bottom: 0
}

.role_table tbody tr
{
	border-bottom: 1px solid #f5f5f5
}

.role_table tbody tr td
{
	color: #212121
}

.role_table tbody tr td.bg
{
	background: #f9f9f9;
	border-right: 1px solid #f5f5f5
}

.role_table tbody tr td input[type="checkbox"]
{
	margin-bottom: 0
}

.role_table tbody tr:nth-of-type(even)
{
	background: none
}

.cus_table_td tbody tr:hover,.cus_table_td tbody tr:nth-of-type(even):hover
{
	background: none
}

.cus_table_td tbody td
{
	padding: .4rem .6rem;
	border: 1px solid #f5f5f5
}

.cus_table_td tbody td input[type="checkbox"]
{
	margin-bottom: 0
}

.cus_table_td tbody td:first-child
{
	padding: .4rem .6rem
}

.card_disable_type
{
	color: #b2b2b2
}

.card_discount_type .discount_title
{
	display: inline-block
}

.card_discount_type .discount_unit
{
	display: inline-block;
	color: #de2d0f
}

.card_discount_type .discount_value
{
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	width: 60px;
	height: 30px;
	margin-bottom: 0
}

.card_discount_type .discount_postfix
{
	display: inline-block
}

.sub_table
{
	width: 100%;
	border: 0 none
}

.sub_table tbody tr
{
	border-bottom: 1px solid #fff
}

.sub_table tbody tr .mg-0
{
	margin: 0 !important;
	font: initial
}

.sub_table tbody tr b
{
	color: #de2d0f;
	font-weight: normal
}

.sub_table tbody tr.disabled_tr label,.sub_table tbody tr.disabled_tr td,.sub_table tbody tr.disabled_tr b
{
	color: #b2b2b2
}

.sub_table tbody tr:nth-of-type(even)
{
	background: #fff
}

.cart_table
{
	width: 100%;
	border: 0
}

.cart_table thead th
{
	border-bottom: 2px solid #d7d8da
}

.cart_table tbody td
{
	border-bottom: 1px solid #d7d8da
}

.cart_table tbody td a
{
	color: #de2d0f
}

.cart_table tr
{
	background: #fff
}

.cart_table tr:nth-of-type(even)
{
	background: #fff
}

table tbody tr:nth-child(2n)
{
	background: #fff !important
}

.min-20
{
	min-width: 20px
}

.min-30
{
	min-width: 30px
}

.min-40
{
	min-width: 40px
}

.min-50
{
	min-width: 50px
}

.min-60
{
	min-width: 60px
}

.min-70
{
	min-width: 70px
}

.avatar
{
	display: inline-block;
	border-radius: 50%;
	width: 32px;
	height: 32px
}

.avatar_large
{
	display: inline-block;
	border-radius: 50%;
	width: 90px;
	height: 90px
}

.cus_thumbs img
{
	display: block;
	width: 100px;
	height: 100px
}

.cus_thumbs_small img
{
	display: block;
	width: 50px;
	height: 50px
}

.cus_thumbs_middle img
{
	display: block;
	width: 80px;
	height: 80px
}

.cus_thumbs_tips li
{
	padding-bottom: 0
}

.cus_thumbs_tips li:nth-of-type(5n+1)
{
	clear: none
}

.cus_thumbs_tips img
{
	display: block;
	width: 50px;
	height: 50px
}

input[type="radio"].themes_radio
{
	vertical-align: top;
	margin-top: .5625rem
}

.themes_option
{
	display: inline-block;
	margin: .5625rem 1rem 0 .5rem;
	position: relative
}

.themes_option .themes_thumb
{
	display: block;
	width: 100px
}

.themes_option .themes_tips
{
	display: block;
	width: 100px;
	height: 20px;
	color: #373737;
	font-size: .875rem;
	line-height: 20px
}

.thumbs_list:before,.thumbs_list:after
{
	content: " ";
	display: table
}

.thumbs_list:after
{
	clear: both
}

.upload_box
{
	position: relative;
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 15px
}

.upload_box .upload_icon
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../../img/album_upload.gif") left top no-repeat;
	background-size: 60px 60px
}

.upload_box .upload_button
{
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	opacity: 0;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}

.img_preview
{
	display: block;
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 15px
}

.img_preview .img_thumbs
{
	display: inline-block;
	border: solid 4px #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
	line-height: 0;
	max-width: 100%;
	width: 60px;
	height: 60px
}

.img_preview .shape_thumbs
{
	display: inline-block;
	border: solid 4px #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
	line-height: 0;
	max-width: 100%;
	width: 60px;
	height: 60px;
	width: 90px;
	height: 90px
}

.img_preview .select_img
{
	display: none
}

.img_preview.selected .select_img
{
	display: block
}

.fas
{
	display: inline-block;
	vertical-align: top;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px
}

.fas.fa-inline
{
	width: 27px;
	height: 25px
}

.fas.fa-xu
{
	background-position: -1px -1px
}

.fas.fa-kou
{
	background-position: -30px -1px
}

.fas.fa-ting
{
	background-position: -59px -1px
}

.fas.fa-zhuan
{
	background-position: -88px -1px
}

button.ran,.button.ran
{
	background: #2096f3;
	border: 0;
	padding: 0 31px;
	height: 36px;
	line-height: 36px;
	font-size: .875rem;
	color: #fff;
	margin-right: 5px;
	margin-left: 5px
}

button.ran:hover,.button.ran:hover
{
	background: #1a83d5
}

button.ran.ran_disabled,.button.ran.ran_disabled,button.ran.ran_disabled:hover,.button.ran.ran_disabled:hover
{
	background: #e8e8e8;
	color: #c7c7c7
}

button.ran-fix,.button.ran-fix
{
	background: #fff;
	font-size: .8125rem;
	color: #212121;
	padding: 0;
	border: 1px solid #e5e5e5
}

button.ran-fix:hover,.button.ran-fix:hover
{
	background: #e5e5e5
}

button.ran-fix-2,.button.ran-fix-2
{
	font-size: .8125rem;
	background: #2096f3
}

button.ran-fix-2:hover,.button.ran-fix-2:hover
{
	background: #1a83d5
}

button.ran_search,.button.ran_search
{
	background: #2096f3;
	color: #fff;
	border-radius: 3px;
	padding: .6rem 2rem;
	font-size: .8125rem
}

button.rightConner,.button.rightConner
{
	height: 30px;
	line-height: 30px;
	padding: 0 18px;
	margin: 12px 0 0;
	font-size: .8125rem;
	color: #676A6A;
	background: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 80px;
	border: 1px solid #e5e5e5
}

button.rightConner:hover,.button.rightConner:hover
{
	background: #e5e5e5
}

button.rightConner:not(last-child),.button.rightConner:not(last-child)
{
	margin-left: 10px
}

button.rightConner.green,.button.rightConner.green
{
	color: #fff;
	background: #0cc3aa;
	border: 0
}

button.rightConner.green:hover,.button.rightConner.green:hover
{
	color: #fff;
	background: #08ad8e
}

button.rightConner.red,.button.rightConner.red
{
	color: #fff;
	background: #ed5565;
	border: 0
}

button.rightConner.red:hover,.button.rightConner.red:hover
{
	color: #fff;
	background: #ed5565
}

.label.ran
{
	background: #e84c3d;
	color: #fff
}

.right-button
{
	display: block;
	font-size: .8125rem;
	color: #676A6A;
	padding: 0;
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin: 8px 0;
	text-align: center
}

.right-button.db-ib
{
	width: auto
}

.right-button.db-ib i.fa-fw-2
{
	width: .9em;
	text-align: center
}

.right-button i
{
	font-size: 1rem
}

.right-button:hover,.right-button.current
{
	color: #2096f3
}

.right-button:focus
{
	color: #676A6A
}

.left-arrow-button
{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #676A6A;
	text-align: center
}

.left-arrow-button:link,.left-arrow-button:visited,.left-arrow-button:active
{
	color: #676A6A
}

.left-arrow-button:hover
{
	color: #2096f3
}

.plan-button
{
	position: absolute;
	right: 0;
	top: 0;
	margin-right: -140px
}

.plan-button a
{
	display: block;
	width: 140px;
	height: 40px;
	font-size: .8125rem;
	color: #212121;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
	background: #fff;
	border-color: #e5e5e5;
	border-radius: 3px
}

.plan-button a:hover
{
	background: #e5e5e5
}

.upload_label
{
	margin-bottom: 0
}

.upload_label input[type="file"]
{
	color: #b3b3b3;
	font-size: 1rem;
	margin-bottom: 0
}

.form_tips
{
	color: #b3b3b3;
	font-size: .75rem;
	margin-bottom: 0
}

.delete_schedules
{
	display: inline-block;
	margin-top: 35px;
	color: #212121
}

button.rightPlugin,.button.rightPlugin
{
	position: absolute;
	right: 30px;
	top: 18px;
	height: 30px;
	line-height: 30px;
	padding: 0 18px;
	margin: 0;
	font-size: .8125rem;
	color: #676A6A;
	background: #fff;
	border: 1px solid #e5e5e5
}

button.rightPlugin:hover,.button.rightPlugin:hover
{
	background: #e5e5e5
}

.mark_done
{
	background: #2096f3;
	color: #fff;
	border-radius: 3px;
	padding: .5rem 1rem;
	font-size: .8125rem
}

.mark_done:hover
{
	background: #1a83d5
}

.cus_calendar_header
{
	width: 100%;
	height: 50px;
	background: #2096f3;
	overflow: hidden;
	position: relative
}

.cus_calendar_header a
{
	font-size: 1.125rem;
	position: absolute;
	color: #fff;
	top: 17px
}

.cus_calendar_header p
{
	font-size: 1.125rem;
	color: #fff;
	line-height: 50px;
	text-align: center;
	margin-bottom: 0
}

.cus_calendar_header .pre
{
	left: 15px
}

.cus_calendar_header .next
{
	right: 15px
}

.cus_calendar_select
{
	float: right
}

.cus_calendar_select li .button
{
	margin-bottom: 0;
	background: #fff;
	font-size: .8125rem;
	color: #676a6c;
	border: 1px solid #e7e9ea;
	padding: .45rem 1rem
}

.cus_calendar_select li .button:hover,.cus_calendar_select li .button.current
{
	background: #676a6c;
	color: #fff;
	border: 1px solid #676a6c;
	transition: none
}

.cus_calendar_select li:first-child .button
{
	border-left: 1px solid #e7e9ea
}

.cus_calendar_select .weekly
{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.cus_calendar_select .monthly
{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.cus_calendar_pc
{
	margin-bottom: 0;
	table-layout: fixed;
	border: 1px solid #e5e5e5;
	width: 100%
}

.cus_calendar_pc tr:nth-of-type(even)
{
	background: none
}

.cus_calendar_pc th,.cus_calendar_pc td
{
	width: calc(100% / 7)
}

.cus_calendar_pc th
{
	text-align: center;
	background: #f9f9f9;
	color: #212121;
	font-size: .8125rem;
	font-weight: normal
}

.cus_calendar_pc th b
{
	font-weight: normal
}

.cus_calendar_pc td
{
	position: relative;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #e5e5e5
}

.cus_calendar_pc td.current
{
	background: #fafafa
}

.cus_calendar_pc td.current .event_grid .date
{
	color: #545454
}

.cus_calendar_pc td .event_grid
{
	width: 100%;
	position: relative;
	min-height: 140px
}

.cus_calendar_pc td .event_grid .date
{
	margin: 0;
	color: #d8d8d8;
	font-size: 1.125rem;
	height: 30px;
	line-height: 1;
	padding-bottom: 10px;
	text-align: right
}

.cus_calendar_pc td .event_grid .title_month
{
	display: block;
	padding: 0 0 5px;
	width: 100%
}

.cus_calendar_pc td .event_grid .title_month p
{
	width: 100%;
	font-size: .75rem;
	line-height: 1.2rem;
	color: #212121;
	overflow: hidden;
	margin: 0
}

.cus_calendar_pc td .event_grid .title_month p span
{
	display: block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 40px)
}

.cus_calendar_pc td .event_grid .title_month p b
{
	font-weight: normal;
	display: block;
	float: left;
	width: 40px;
	text-align: right
}

.cus_calendar_pc td .event_grid .title_month.expire p
{
	color: #aaa
}

.cus_calendar_pc td .event_grid .title_month:hover p
{
	color: #2096f3
}

.cus_calendar_pc td .event_grid .title_month.expire:hover p
{
	color: #aaa
}

.cus_calendar_pc td .event_grid .title_week
{
	display: block;
	font-size: .75rem;
	line-height: 1.2rem;
	color: #212121;
	padding: 0 0 15px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cus_calendar_pc td .event_grid .title_week:before
{
	content: '\25B8   ';
	color: #a4a4a4
}

.cus_calendar_pc td .event_grid .title_week span
{
	padding-left: 1em
}

.cus_calendar_pc td .event_grid .title_week span b
{
	font-weight: normal
}

.cus_calendar_pc td .event_grid .title_week.expire
{
	color: #aaa
}

.cus_calendar_pc td .event_grid .title_week:hover
{
	color: #2096f3
}

.cus_calendar_pc td .event_grid .title_week.expire:hover
{
	color: #212121
}

.cus_calendar_pc td .event_grid .more
{
	margin: 0;
	cursor: pointer;
	font-size: .75rem;
	color: #212121
}

.cus_calendar_pc td .event_grid .more i
{
	font-style: normal
}

.cus_calendar_pc td .event_grid .more:hover
{
	color: #2096f3
}

.cus_calendar_pc td .event_detail
{
	position: absolute;
	left: -1px;
	top: -1px;
	width: calc(100% * 1.5);
	background: #fff;
	z-index: 2;
	padding-bottom: 3px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	min-height: 100px
}

.cus_calendar_pc td .event_detail .date
{
	font-size: .875rem;
	margin: 0 0 5px;
	background: #f5f5f5;
	padding: 2px 5px
}

.cus_calendar_pc td .event_detail .title
{
	font-size: .75rem;
	color: #fff;
	margin: 0 5px 2px;
	padding: 1px 2px;
	width: calc(100% - 10px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #5d697a;
	border-radius: 2px
}

.cus_calendar_pc td .event_detail .close
{
	position: absolute;
	top: 4px;
	right: 6px;
	color: #017df0
}

.cus_weekly td .event_grid
{
	min-height: 420px
}

.icn_calendar,.icn_list
{
	display: block;
	float: right;
	padding: 7px 9px;
	margin-left: 20px;
	border: 1px solid #e7e9ea;
	border-radius: 3px
}

.icn_calendar:hover,.icn_list:hover
{
	background-color: #ececec;
	border: 1px solid #ececec
}

.icn_calendar i,.icn_list i
{
	display: block;
	width: 18px;
	height: 18px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	text-indent: -9999px
}

.icn_calendar i
{
	background-position: -210px -50px
}

.icn_list i
{
	background-position: -190px -50px
}

.pop_window
{
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 300px;
	background: #f9f9f9;
	overflow: hidden;
	color: #4c4c4c;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	padding-bottom: 25px
}

.pop_window .pop_title
{
	height: 30px;
	line-height: 30px;
	background: #67baff;
	text-align: center;
	margin-bottom: 15px
}

.pop_window .pop_title h3
{
	color: #FFF;
	display: inline-block;
	font-size: 1rem;
	position: relative;
	padding-left: 27px
}

.pop_window .pop_title h3 .pop_icon
{
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	top: -1px;
	background: url("/img/web/icon_pop_window.png?ver=1479720848436") no-repeat 0 0
}

.pop_window .pop_title h3 .pop_icon.icon_1
{
	background-position: 0 0
}

.pop_window .pop_title h3 .pop_icon.icon_2
{
	background-position: -50px 0
}

.pop_window .pop_title h3 .pop_icon.icon_3
{
	background-position: -100px 0
}

.pop_window .pop_title h3 .pop_icon.icon_4
{
	background-position: -150px 0
}

.pop_window .pop_title h3 .pop_icon.icon_5
{
	background-position: -200px 0
}

.pop_window .close
{
	cursor: pointer;
	display: block;
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 6px;
	background: url("/img/web/icon_pop_window.png?ver=1479720848436") no-repeat -250px 0
}

.pop_window .link
{
	display: block
}

.pop_window h6
{
	margin: 20px 0;
	font-size: 1rem;
	color: #4c4c4c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
	text-align: center
}

.pop_window p
{
	margin: 0 0 20px 0;
	font-size: .75rem;
	line-height: 16px;
	color: #4c4c4c;
	overflow: hidden;
	padding: 0 20px
}

.pop_window p a
{
	color: #436cf1
}

.pop_window ul
{
	margin-bottom: 0
}

.pop_window a:hover p
{
	color: #008CBA
}

.pop_window .red
{
	color: #de2d0f
}

.pop_window .pop_col
{
	width: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: 1px solid #d8d8d8
}

.pop_window .pop_col ul
{
	margin: 0;
	height: 25px;
	width: 308px
}

.pop_window .pop_col li
{
	width: 61px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	float: left;
	font-size: .75rem;
	margin-left: -1px;
	position: relative
}

.pop_window .pop_col li .line
{
	width: 1px;
	height: 14px;
	background: #d8d8d8;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px
}

.pop_window .pop_col li.current
{
	background: #ddd
}

.pop_window .pop_col li .msg_num
{
	background: #ff0505;
	padding: 0 3px;
	color: #FFF;
	height: 14px;
	line-height: 14px;
	border-radius: 7px;
	position: relative;
	top: -3px;
	left: -2px
}

.pop_window .pop_col li a
{
	display: block;
	width: 100%;
	height: 30px;
	color: #4c4c4c
}

.pop_window .pop_col li a:hover
{
	color: #008CBA
}

.pop_window .tag
{
	position: absolute;
	left: 0;
	top: 28px;
	min-width: 45px;
	padding: 0 10px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	background: #eee;
	font-size: .75rem;
	color: #4c4c4c
}

.pop_window .pic_text
{
	position: relative;
	padding: 0 20px 25px 90px
}

.pop_window .pic_text img
{
	width: 80px;
	height: 80px;
	position: absolute;
	left: 15px;
	top: 0
}

.pop_window .pic_text li
{
	font-size: .75rem;
	line-height: 1.15;
	color: #4c4c4c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pop_window .pic_text li .name
{
	font-weight: bold
}

.pop_window .pic_text:hover li
{
	color: #008CBA
}

.shadow_layer
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	z-index: 999999;
	opacity: .4;
	filter: alpha(opacity=40)
}

.guide_content
{
	width: 700px;
	height: 480px;
	position: fixed;
	z-index: 10000000;
	background: #fff;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -250px
}

.guide_content ul
{
	margin-left: 0
}

.guide_content img
{
	width: 700px;
	height: 420px
}

.guide_content .guide_tips
{
	color: #6c7176;
	font-size: 20px;
	float: left;
	width: 510px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.guide_content .button
{
	position: absolute;
	right: 5px;
	bottom: -9px
}

.guide_status
{
	position: absolute;
	width: 100%;
	height: 30px;
	bottom: -60px;
	left: 0;
	text-align: center
}

.guide_status li
{
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 5px;
	border: 2px solid #fff;
	margin: 0 7.5px;
	cursor: pointer
}

.guide_status li.current
{
	border-color: #00d2ff;
	background: #00d2ff
}

.guide_img
{
	width: 700px;
	height: 480px;
	overflow: hidden
}

.guide_img li
{
	float: left;
	width: 700px;
	height: 480px;
	position: relative
}

.img_wrap
{
	float: left;
	position: relative
}

.layer_wrap,.layer_wrap_2
{
	display: none;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	left: 0;
	top: 50%;
	padding: 15px
}

.layer_wrap
{
	z-index: 1095
}

.layer_wrap_2
{
	z-index: 1092
}

.layer_shade
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1090;
	background: #000;
	opacity: .68;
	filter: alpha(opacity=68)
}

.layer_inner
{
	text-align: center;
	position: relative;
	z-index: 1096;
	width: 60%;
	min-width: 240px;
	max-width: 300px;
	margin: 0 auto
}

.lay .layer_inner
{
	z-index: 10093;
	min-width: 400px;
	max-width: 1200px
}

.layer_close
{
	position: absolute;
	right: 1px;
	top: 6px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	font-size: 28px;
	color: #cccccc
}

.layer_title
{
	height: 50px;
	line-height: 50px;
	background: #2f3e4d;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px
}

.layer_body
{
	background: #fff;
	padding: 20px;
	font-size: 14px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.layer_content
{
	color: #333;
	margin: 10px 0 30px
}

.layer_btn
{
	display: inline-block;
	width: 100px;
	height: 32px;
	line-height: 32px;
	padding: 0;
	background: #2096f3;
	color: #fff;
	border: 0 none;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 0
}

.layer_btn:hover
{
	background: #1a83d5
}

.layer_cancel_btn
{
	margin-left: 10px;
	background: #bec1c6
}

.modal
{
	padding: 0;
	background: none;
	border: 0
}

.modal .close-reveal-modal
{
	font-size: 1.5rem;
	color: #ccc;
	font-weight: normal
}

.modal .modal-title
{
	height: 50px;
	line-height: 50px;
	background: #2f3e4d;
	font-size: 14px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	margin: 0;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px
}

.modal .modal-body
{
	padding: 10px 0;
	background: #fff;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.post_guide_layer .shade
{
	background: #000;
	opacity: .65;
	filter: alpha(opacity=.65);
	filter: alpha(opacity=65);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 888
}

.post_guide_layer .content
{
	position: fixed;
	width: 700px;
	height: 420px;
	left: 50%;
	top: 50%;
	margin-left: -350px;
	margin-top: -210px;
	z-index: 889
}

.post_guide_layer .content .close,.post_guide_layer .content .try
{
	position: absolute;
	cursor: pointer
}

.post_guide_layer .content .close
{
	width: 60px;
	height: 60px;
	right: 115px;
	bottom: 0;
	text-indent: -8888px
}

.post_guide_layer .content .try
{
	width: 88px;
	height: 28px;
	right: 25px;
	bottom: 15px;
	background: #d74f4d;
	color: #fff;
	text-align: center;
	line-height: 27px;
	font-size: 16px
}

.tooltips
{
	position: absolute;
	display: block;
	font-size: .8125rem;
	font-weight: normal;
	line-height: 1;
	text-align: left;
	z-index: 1070;
	opacity: 0;
	filter: alpha(opacity=0);
	font-style: normal;
	word-wrap: break-word
}

.tooltips.active
{
	opacity: .9;
	filter: alpha(opacity=.9)
}

.tooltips.tooltip-top,.tooltips.bs-tether-element-attached-bottom
{
	padding: 5px 0;
	margin-top: -3px
}

.tooltips.tooltip-top .tooltip-inner::before,.tooltips.bs-tether-element-attached-bottom .tooltip-inner::before
{
	content: "";
	margin-left: -5px;
	bottom: 0;
	left: 50%;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltips.tooltip-right,.tooltips.bs-tether-element-attached-left
{
	padding: 0 5px;
	margin-left: 3px
}

.tooltips.tooltip-right .tooltip-inner::before,.tooltips.bs-tether-element-attached-left .tooltip-inner::before
{
	content: "";
	margin-right: -5px;
	top: 50%;
	left: 0;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltips.tooltip-bottom,.tooltips.bs-tether-element-attached-top
{
	padding: 5px 0;
	margin-top: 3px
}

.tooltips.tooltip-bottom .tooltip-inner::before,.tooltips.bs-tether-element-attached-top .tooltip-inner::before
{
	content: "";
	margin-left: -5px;
	top: 0;
	left: 50%;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltips.tooltip-left,.tooltips.bs-tether-element-attached-right
{
	padding: 0 5px;
	margin-left: -3px
}

.tooltips.tooltip-left .tooltip-inner::before,.tooltips.bs-tether-element-attached-right .tooltip-inner::before
{
	content: "";
	margin-top: -5px;
	top: 50%;
	right: 0;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip-inner
{
	padding: 5px 12px 4px;
	color: #fff;
	text-align: center;
	max-width: 200px;
	background-color: #191919;
	border-radius: .25rem
}

.tooltip-inner::before
{
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.fade
{
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.active
{
	opacity: 1;
	filter: alpha(opacity=1)
}

.course_detail dl
{
	width: 100%
}

.course_detail dl dt,.course_detail dl dd
{
	float: left;
	color: #666;
	font-weight: normal;
	font-size: .875rem;
	color: #212121
}

.course_detail dl dt
{
	width: 100px;
	margin-right: 15px
}

.course_detail dl dd
{
	width: calc(100% - 115px)
}

.course_detail dl dd a
{
	display: block;
	color: #212121
}

.course_detail dl dd a:hover
{
	color: #545454
}

.role_box
{
	margin: 0
}

.role_box:before,.role_box:after
{
	content: " ";
	display: table
}

.role_box:after
{
	clear: both
}

.cus_role_first ul
{
	padding: 0;
	margin: 0
}

.cus_role_first ul li
{
	font-size: .875rem;
	color: #212121;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	text-indent: 2em;
	list-style: none;
	border-bottom: 1px solid #f5f5f5
}

.cus_role_first ul li:last-child
{
	border-bottom: 0
}

.cus_role_first ul li.current
{
	color: #436cf1
}

.cus_role_second
{
	border-left: 1px solid #f5f5f5
}

.bank_box
{
	height: 130px;
	background: url("/img/web/bank_bg.png") center center no-repeat;
	background-size: cover;
	padding: 20px
}

.bank_box .name
{
	overflow: hidden
}

.bank_box .name p
{
	float: left;
	font-size: 1.125rem;
	color: #fff;
	margin: 0;
	line-height: 30px
}

.bank_box .name a
{
	display: block;
	float: right;
	width: 70px;
	height: 30px;
	border: 1px solid #fff;
	font-size: .875rem;
	color: #fff;
	text-align: center;
	line-height: 30px
}

.bank_box .address
{
	font-size: .875rem;
	color: #fff;
	text-align: left
}

.bank_box .num
{
	font-size: 1.5rem;
	color: #fff;
	text-align: center
}

.album_list
{
	margin: 0
}

.album_list:before,.album_list:after
{
	content: " ";
	display: table
}

.album_list:after
{
	clear: both
}

.album_list li
{
	float: left;
	width: 178px;
	background: #fff;
	padding: 8px 8px 20px;
	margin: 0 16px 18px 0;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px
}

.album_list li .list_inner
{
	overflow: hidden;
	position: relative
}

.album_list li .list_inner:before,.album_list li .list_inner:after
{
	content: " ";
	display: table
}

.album_list li .list_inner:after
{
	clear: both
}

.album_list li .list_inner:hover .album_action
{
	display: block
}

.album_list li .album_link
{
	display: block
}

.album_list li .album_link .album_cover
{
	display: block;
	width: 160px;
	height: 160px
}

.album_list li .album_link .album_title
{
	padding: 17px 0 0;
	width: 100%;
	font-size: .8125rem;
	color: #212121;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 0
}

.album_list li .album_action
{
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.album_list li .album_action a
{
	display: block;
	float: left;
	text-align: center;
	width: 28px;
	height: 28px;
	background: rgba(0,0,0,0.7)
}

.album_list li .album_action a i
{
	color: #fff;
	line-height: 28px
}

.photo_list
{
	margin: 0
}

.photo_list:before,.photo_list:after
{
	content: " ";
	display: table
}

.photo_list:after
{
	clear: both
}

.photo_list li
{
	position: relative;
	text-align: right;
	float: left;
	padding: 6px;
	margin: 0 13px 13px 0;
	background: #fff;
	overflow: hidden;
	border: 1px solid #e5e5e5
}

.photo_list li:hover .delete_photo
{
	display: block
}

.photo_list li .photo_img img
{
	display: block;
	width: 136px;
	height: 136px
}

.photo_list li .delete_photo
{
	position: absolute;
	top: 6px;
	right: 6px;
	display: none;
	text-align: center;
	width: 28px;
	height: 28px;
	background: rgba(0,0,0,0.7)
}

.photo_list li .delete_photo i
{
	color: #fff;
	line-height: 28px
}

.table_time_wrap
{
	padding-left: 45px
}

.table_time_wrap .inner
{
	border-left: 1px solid #d7d8da
}

.table_time
{
	border-left: 0 !important
}

.table_time .time
{
	padding: 0;
	border-right: 0 !important;
	position: relative
}

.table_time .time span
{
	position: absolute;
	left: -45px;
	height: 20px;
	line-height: 20px;
	top: 50%;
	margin-top: -10px
}

.table-layout-fixed
{
	table-layout: fixed
}

.input_wrap
{
	vertical-align: middle;
	margin: 5px 0
}

.input_wrap label
{
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	color: #666
}

.input_wrap input
{
	width: 75px;
	height: 28px;
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.switch input:checked+label
{
	background: #00cd2c !important
}

.account_modules
{
	background: #fff;
	padding: 15px 0 30px;
	border: 1px solid #e5e5e5
}

.account_modules .title
{
	padding: 0 18px 24px
}

.account_modules .title b
{
	font-size: 1rem;
	color: #3c3c3c;
	font-weight: normal
}

.account_modules .title a.edit
{
	display: block;
	width: 24px;
	height: 24px;
	float: right;
	color: #676A6A;
	font-size: 1.25rem
}

.account_modules .title a.edit:hover
{
	color: #2096f3
}

.account_modules .detail
{
	min-height: 213px
}

.account_modules .detail .balance
{
	min-height: 177px;
	margin-bottom: 0;
	text-align: center;
	overflow: hidden
}

.account_modules .detail .balance i
{
	display: block;
	margin: 0 auto 10px;
	width: 100px;
	height: 90px
}

.account_modules .detail .balance i.type_1
{
	background: url("/img/web/account_icon_1.png") left top no-repeat
}

.account_modules .detail .balance i.type_2
{
	background: url("/img/web/account_icon_2.png") left top no-repeat
}

.account_modules .detail .balance b
{
	font-weight: normal;
	font-size: 2.625rem;
	color: #666;
	line-height: 1;
	font-family: arial
}

.account_modules .detail .balance b::before
{
	display: inline-block;
	content: "\00a5";
	padding-right: 5px;
	font-size: 2rem;
	color: #666
}

.account_modules .detail .balance span
{
	display: block;
	font-size: .8125rem;
	color: #999
}

.account_modules .detail .cta-button
{
	text-align: center
}

.account_modules .detail .cta-button .button
{
	margin: 0
}

.account_modules .detail .card
{
	margin: 0 auto;
	width: 363px;
	height: 213px;
	background: url("/img/web/account_bank.png") left top no-repeat
}

.account_modules .detail .card p
{
	color: #fff;
	line-height: 1
}

.account_modules .detail .card p.name_1
{
	font-size: 1.125rem;
	font-weight: bold;
	padding: 18px 0 0 20px;
	margin-bottom: 62px
}

.account_modules .detail .card p.name_2
{
	padding-left: 42px;
	font-size: 1.25rem;
	margin-bottom: 10px;
	letter-spacing: 5px
}

.account_modules .detail .card p.name_3
{
	padding-left: 42px;
	font-size: .8125rem;
	margin-bottom: 0
}

.import_info h5
{
	font-size: .8125rem;
	color: #212121;
	font-weight: normal
}

.import_info p
{
	font-size: .8125rem;
	color: #666
}

.import_info p a
{
	color: #2096f3
}

.plugin_list:before,.plugin_list:after
{
	content: " ";
	display: table
}

.plugin_list:after
{
	clear: both
}

.plugin_list .plugin_links
{
	background: #fff;
	display: block;
	width: 170px;
	height: 240px;
	float: left;
	margin: 0 24px 24px 0;
	padding: 17px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #f2f2f2;
	box-sizing: border-box
}

.plugin_list .plugin_links:hover
{
	box-shadow: 2px 3px 10px rgba(153,153,153,0.25);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.plugin_list .plugin_links .icon
{
	display: block;
	position: absolute;
	left: 34px;
	top: 24px
}

.plugin_list .plugin_links .title
{
	font-size: 1rem;
	color: #666;
	text-align: center;
	font-weight: normal;
	margin: 50px 0 12px;
	padding-top: 75px;
	width: 134px;
	height: 108px;
	background: #f7f6f6;
	box-sizing: border-box;
	border-radius: 10px
}

.plugin_list .plugin_links .title::before,.plugin_list .plugin_links .title::after
{
	content: "";
	display: block;
	position: absolute
}

.plugin_list .plugin_links .intro
{
	font-size: .75rem;
	color: #999;
	line-height: 1.2;
	height: 1.8rem;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.plugin_list .plugin_links .status
{
	display: block;
	position: absolute;
	top: -5px;
	right: -23px;
	border-bottom: 36px solid #f73338;
	border-left: 36px solid transparent;
	border-right: 36px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.plugin_list .plugin_links .status::after
{
	position: absolute;
	left: -18px;
	top: 19px;
	display: block;
	width: 36px;
	font-size: .6rem;
	color: #ffffcc;
	text-align: center;
	font-style: normal
}

.plugin_list .plugin_links .status.paid::after
{
	content: "鏀惰垂鐗�"
}

.plugin_list .plugin_links .status.activated
{
	border-bottom-color: #66cc66
}

.plugin_list .plugin_links .status.activated::after
{
	content: "宸插紑閫�"
}

.plugin_list .plugin_links .status.unactivated
{
	border-bottom-color: #999
}

.plugin_list .plugin_links .status.unactivated::after
{
	color: #f2f2f2;
	content: "鏈紑閫�"
}

.plan_row
{
	width: 80%
}

.plan_row .plan_tabs li
{
	width: 33.33%
}

.plan_row .plan_tabs li a
{
	background: #fff;
	padding: 20px 20px 10px;
	outline: none
}

.plan_row .plan_tabs li a:hover
{
	background: #f2f2f2
}

.plan_row .plan_tabs li a span
{
	padding-left: 70px;
	display: block;
	position: relative
}

.plan_row .plan_tabs li a span b
{
	font-size: .875rem;
	color: #202227;
	font-weight: normal;
	display: block;
	margin-bottom: 15px
}

.plan_row .plan_tabs li a span i
{
	display: block;
	font-size: .75rem;
	color: #888;
	line-height: 1.2;
	height: 2.7rem;
	overflow: hidden;
	font-style: normal
}

.plan_row .plan_tabs li a span::before
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 64px;
	height: 64px;
	background: url("/img/web/icon_plan.png?ver=1479720848436") left top no-repeat
}

.plan_row .plan_tabs li.active a
{
	background: #f2f2f2
}

.plan_row .plan_tabs li:nth-child(1) a span::before
{
	background-position: 0 0
}

.plan_row .plan_tabs li:nth-child(2) a span::before
{
	background-position: -128px 0
}

.plan_row .plan_tabs li:nth-child(3) a span::before
{
	background-position: -128px 0
}

.plan_row .tabs-content
{
	background: #f2f2f2
}

.plan_row .tabs-content .content
{
	padding: 20px
}

.plan_row .tabs-content .content dl
{
	margin: 0
}

.plan_row .tabs-content .content dl:before,.plan_row .tabs-content .content dl:after
{
	content: " ";
	display: table
}

.plan_row .tabs-content .content dl:after
{
	clear: both
}

.plan_row .tabs-content .content dl dt
{
	margin: 0;
	width: 50px;
	float: left;
	font-size: .75rem;
	color: #202227;
	text-align: right
}

.plan_row .tabs-content .content dl dd
{
	margin: 0;
	padding-left: 50px;
	font-size: .75rem;
	color: #888
}

.plan_row .tabs-content .content dl dd.alert
{
	color: #ec0808
}

.plan_row .tabs-content .content dl dd b
{
	color: #373737
}

.type_row
{
	background: #f2f2f2;
	padding: 30px 20px;
	margin-bottom: 10px;
	width: 80%
}

.type_row:before,.type_row:after
{
	content: " ";
	display: table
}

.type_row:after
{
	clear: both
}

.type_row label
{
	display: block;
	float: left;
	width: 60px;
	margin-right: 10px;
	font-size: .75rem;
	color: #202227;
	text-align: right
}

.type_row .plan_option
{
	float: left
}

.type_row .plan_option .num_count
{
	margin: 0 7px;
	display: inline-block
}

.type_row .plan_option .num_count .minus,.type_row .plan_option .num_count .plus
{
	background-size: 40px 40px;
	width: 20px;
	height: 20px
}

.type_row .plan_option .num_count .minus
{
	background-position: -20px 0
}

.type_row .plan_option .num_count .minus:disabled
{
	background-position: 0 0
}

.type_row .plan_option .num_count .plus
{
	background-position: -20px -20px
}

.type_row .plan_option .num_count .plus:disabled
{
	background-position: 0 -20px
}

.type_row .plan_option .num_count .num
{
	width: 45px;
	height: 20px;
	background: #fff;
	line-height: 20px;
	font-size: .75rem;
	color: #888
}

.type_row .plan_option span
{
	font-size: .75rem;
	color: #888;
	line-height: 20px;
	vertical-align: top
}

.type_row .option_tips
{
	clear: both;
	float: left;
	margin: 10px 0 0 70px;
	font-size: .75rem;
	color: #888
}

.limited_name
{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	font-size: 0
}

.limited_name .avatar
{
	margin-right: 5px;
	vertical-align: top
}

.limited_name .name
{
	display: inline-block;
	width: 80px;
	line-height: 32px;
	font-size: .8125rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left
}

.prefix-button
{
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	margin: 6px 0 0;
	font-size: .8125rem;
	color: #fff !important;
	background: #ed5565;
	vertical-align: top;
	border: 1px solid #ed5565
}

.prefix-button:hover
{
	background: #ed5565
}

.db_overview
{
	overflow: hidden;
	min-height: 140px;
	position: relative
}

.db_overview::after
{
	content: "";
	display: block;
	position: absolute;
	right: 7px;
	bottom: 0;
	z-index: 79
}

.db_overview.red
{
	background: #ed5565
}

.db_overview.red::after
{
	width: 68px;
	height: 53px;
	background: url("/img/web/db_overview_01.png") left top no-repeat
}

.db_overview.blue
{
	background: #2096f3
}

.db_overview.blue::after
{
	width: 74px;
	height: 54px;
	background: url("/img/web/db_overview_02.png") left top no-repeat
}

.db_overview.green
{
	background: #0cc3aa
}

.db_overview.green::after
{
	width: 65px;
	height: 56px;
	background: url("/img/web/db_overview_03.png") left top no-repeat
}

.db_overview .overview_msg
{
	position: relative;
	z-index: 80;
	color: #fff;
	margin: 26px 30px 0 35px
}

.db_overview .overview_msg h5
{
	color: #fff;
	font-size: .875rem;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 5px 0
}

.db_overview .overview_msg .count
{
	font: normal 46px/1 Arial,sans-serif;
	margin: 0 0 13px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.db_overview .overview_msg .tips
{
	font-size: 1rem;
	line-height: 1;
	margin: 0
}

.db_modules
{
	height: 290px;
	padding: 20px;
	margin: 0
}

.db_modules.fix_pd
{
	padding: 20px 0
}

.db_modules .empty
{
	font-size: .8125rem;
	color: #212121;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding-top: 115px
}

.db_modules .empty.notice_fix
{
	padding: 83px 0
}

.module_shortcut
{
	margin: 0
}

.module_shortcut:before,.module_shortcut:after
{
	content: " ";
	display: table
}

.module_shortcut:after
{
	clear: both
}

.module_shortcut li
{
	width: 33.33%;
	margin-bottom: 30px;
	float: left
}

.module_shortcut li:nth-child(n+7)
{
	margin-bottom: 0
}

.module_shortcut li a
{
	display: block;
	text-align: center;
	font-size: .8125rem;
	color: #212121;
	line-height: 1
}

.module_shortcut li a i
{
	display: block;
	margin: 0 auto 15px;
	width: 40px;
	height: 34px;
	background: url("/img/web/dashboard_2x.png") left top no-repeat;
	background-size: 360px
}

.module_shortcut li a i.icn_1
{
	background-position: 0 0
}

.module_shortcut li a i.icn_2
{
	background-position: -40px 0
}

.module_shortcut li a i.icn_3
{
	background-position: -80px 0
}

.module_shortcut li a i.icn_4
{
	background-position: -120px 0
}

.module_shortcut li a i.icn_5
{
	background-position: -160px 0
}

.module_shortcut li a i.icn_6
{
	background-position: -200px 0
}

.module_shortcut li a i.icn_7
{
	background-position: -240px 0
}

.module_shortcut li a i.icn_8
{
	background-position: -280px 0
}

.module_shortcut li a i.icn_9
{
	background-position: -320px 0
}

.module_shortcut li a:hover
{
	color: #2096f3
}

.module_shortcut li a:hover i.icn_1
{
	background-position: 0 -68px
}

.module_shortcut li a:hover i.icn_2
{
	background-position: -40px -68px
}

.module_shortcut li a:hover i.icn_3
{
	background-position: -80px -68px
}

.module_shortcut li a:hover i.icn_4
{
	background-position: -120px -68px
}

.module_shortcut li a:hover i.icn_5
{
	background-position: -160px -68px
}

.module_shortcut li a:hover i.icn_6
{
	background-position: -200px -68px
}

.module_shortcut li a:hover i.icn_7
{
	background-position: -240px -68px
}

.module_shortcut li a:hover i.icn_8
{
	background-position: -280px -68px
}

.module_shortcut li a:hover i.icn_9
{
	background-position: -320px -68px
}

.module_activity
{
	margin: 0
}

.module_activity li
{
	margin-bottom: 14px
}

.module_activity li:last-child
{
	margin-bottom: 0
}

.module_activity li a
{
	display: block;
	overflow: hidden;
	position: relative
}

.module_activity li a .t-label
{
	float: left;
	margin: 0
}

.module_activity li a .detail
{
	padding: 0 35px 0 40px
}

.module_activity li a .detail .title
{
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.module_activity li a .detail .remark
{
	font-size: .8125rem;
	color: #999;
	margin: 0;
	line-height: 1
}

.module_activity li a .date
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: .8125rem;
	color: #999;
	margin: 0;
	line-height: 1rem
}

.module_activity li a:hover .detail .title
{
	color: #2096f3
}

.module_notice_new
{
	height: 160px;
	margin: 0 0 20px 0
}

.module_notice_new li
{
	margin-bottom: 20px
}

.module_notice_new li:last-child
{
	margin-bottom: 0
}

.module_notice_new li a
{
	display: block;
	position: relative
}

.module_notice_new li a .title
{
	padding-right: 35px;
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.module_notice_new li a .date
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: .8125rem;
	color: #999;
	margin: 0;
	line-height: 1rem
}

.module_notice_new li a:hover .title
{
	color: #2096f3
}

.module_notice_fix
{
	margin: 0;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.module_notice_fix:before,.module_notice_fix:after
{
	content: " ";
	display: table
}

.module_notice_fix:after
{
	clear: both
}

.module_notice_fix li
{
	width: 50%;
	height: 2rem;
	float: left;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.module_notice_fix li a
{
	display: block;
	width: 100%;
	font-size: .8125rem;
	color: #212121;
	text-align: center;
	line-height: 2rem
}

.module_notice_fix li a:hover
{
	color: #2096f3
}

.module_course
{
	position: relative;
	padding: 0 !important
}

.module_course .course_list
{
	margin: 0
}

.module_course .course_list li:before,.module_course .course_list li:after
{
	content: " ";
	display: table
}

.module_course .course_list li:after
{
	clear: both
}

.module_course .course_list li .time
{
	position: relative;
	float: left;
	font-size: .8125rem;
	color: #999;
	text-align: left;
	line-height: 1rem;
	margin: 0 15px 0 0;
	padding: 0 10px 28px 0;
	min-width: 50px;
	border-right: 1px solid #e5e5e5
}

.module_course .course_list li .time::after
{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #e5e5e5;
	border-radius: 5px;
	position: absolute;
	right: -3px;
	top: 5px
}

.module_course .course_list li .brief
{
	display: block;
	position: relative
}

.module_course .course_list li .brief .detail
{
	padding-right: 35px
}

.module_course .course_list li .brief .detail p
{
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem
}

.module_course .course_list li .brief .detail p.title
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.module_course .course_list li .brief .detail p.name
{
	color: #999
}

.module_course .course_list li .brief .count
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem
}

.module_course .course_list li .brief:hover .detail .title
{
	color: #2096f3
}

.module_course .course_list li:last-child .time
{
	padding-bottom: 16px;
	border-right: 1px solid #fff
}

.module_course .course_list li:last-child .time::before
{
	content: "";
	display: block;
	width: 1px;
	height: 5px;
	background: #e5e5e5;
	position: absolute;
	right: -1px;
	top: 0
}

.module_course .more_course
{
	position: absolute;
	right: -5px;
	top: -67px
}

.module_classes
{
	margin: 0
}

.module_classes li:before,.module_classes li:after
{
	content: " ";
	display: table
}

.module_classes li:after
{
	clear: both
}

.module_classes li .time
{
	position: relative;
	float: left;
	font-size: .8125rem;
	color: #999;
	text-align: left;
	line-height: 1rem;
	margin: 0 15px 0 0;
	padding: 0 10px 28px 0;
	min-width: 50px;
	border-right: 1px solid #e5e5e5
}

.module_classes li .time::after
{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #e5e5e5;
	border-radius: 5px;
	position: absolute;
	right: -3px;
	top: 5px
}

.module_classes li .brief
{
	display: block;
	position: relative;
	overflow: hidden
}

.module_classes li .brief:before,.module_classes li .brief:after
{
	content: " ";
	display: table
}

.module_classes li .brief:after
{
	clear: both
}

.module_classes li .brief .t-label
{
	float: left;
	margin: 0
}

.module_classes li .brief .detail
{
	padding: 0 35px 0 40px
}

.module_classes li .brief .detail p
{
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem
}

.module_classes li .brief .detail p.title
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.module_classes li .brief .detail p.name
{
	color: #999
}

.module_classes li .brief .count
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	line-height: 1rem
}

.module_classes li .brief:hover .detail .title
{
	color: #2096f3
}

.module_classes li:last-child .time
{
	padding-bottom: 16px;
	border-right: 1px solid #fff
}

.module_classes li:last-child .time::before
{
	content: "";
	display: block;
	width: 1px;
	height: 5px;
	background: #e5e5e5;
	position: absolute;
	right: -1px;
	top: 0
}

.module_card
{
	margin: 0
}

.module_card li
{
	margin-bottom: 12px
}

.module_card li:last-child
{
	margin-bottom: 0
}

.module_card li a
{
	display: block;
	position: relative
}

.module_card li a:before,.module_card li a:after
{
	content: " ";
	display: table
}

.module_card li a:after
{
	clear: both
}

.module_card li a .avatar
{
	float: left;
	width: 40px;
	height: 40px;
	overflow: hidden;
	margin-right: 15px;
	border-radius: 40px
}

.module_card li a .avatar img
{
	display: block;
	width: 100%;
	border-radius: 100%
}

.module_card li a .detail
{
	margin-top: 4px;
	padding: 0 80px 0 55px
}

.module_card li a .detail p
{
	font-size: .8125rem;
	color: #212121;
	line-height: 1rem;
	margin: 0
}

.module_card li a .detail p.title
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.module_card li a .desc
{
	position: absolute;
	right: 0;
	top: 4px
}

.module_card li a .desc p
{
	font-size: .8125rem;
	color: #212121;
	line-height: 1rem;
	margin: 0;
	text-align: right
}

.module_card li a .desc p.date
{
	color: #999
}

.module_card li a:hover .detail .title
{
	color: #2096f3
}

.bonus_intro
{
	padding: 30px 0
}

.bonus_intro p
{
	font-size: .8125rem;
	text-indent: 2em
}

.bonus_intro p.no_indent
{
	text-indent: 0
}

.member_growth
{
	padding: 61px 0
}

.member_growth .growth_brief
{
	text-align: center;
	min-height: 180px
}

.member_growth .growth_brief .title
{
	font-size: 1.25rem;
	color: #3c3c3c;
	line-height: 1;
	margin-bottom: 18px
}

.member_growth .growth_brief .num
{
	font-size: 3.375rem;
	color: #3c3c3c;
	line-height: 1;
	margin-bottom: 18px
}

.member_growth .growth_brief .count
{
	font-size: .875rem;
	color: #a8a8a8;
	line-height: 1.5;
	margin: 0 auto;
	text-align: left;
	width: 90px
}

.member_growth .growth_brief:first-child
{
	border-right: 1px solid #e5e5e5
}

.member_rate
{
	width: 252px;
	height: 200px;
	margin: 10px auto 15px;
	background: url("/img/web/bg_member_rate.png") left top no-repeat
}

.member_rate li
{
	height: 66px;
	padding: 20px 0 0 182px;
	font-size: .8125rem;
	color: #212121;
	line-height: 1.2;
	cursor: pointer
}

.delete_img
{
	position: absolute;
	display: block;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	font-size: .75rem;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	top: -10px;
	right: -10px
}

.delete_label
{
	position: absolute;
	display: block;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	font-size: .75rem;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	top: -10px;
	right: -8px
}

.select_img
{
	position: absolute;
	display: block;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	font-size: .75rem;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	top: 0;
	right: 0;
	border-radius: 0;
	background: rgba(24,152,237,0.7)
}

.data_title
{
	padding: 5px 15px 0;
	background: #fff;
	border-bottom: 1px solid #f5f5f5
}

.data_title:before,.data_title:after
{
	content: " ";
	display: table
}

.data_title:after
{
	clear: both
}

.data_title b
{
	display: block;
	float: left;
	font-size: 1rem;
	line-height: 1;
	padding: 15px 0 15px 3px;
	margin: 0;
	font-weight: normal
}

.data_title span
{
	display: block;
	float: left;
	font-size: .75rem;
	padding-left: 5px;
	margin-top: 20px
}

.cus_view
{
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5
}

.cus_view .data_list
{
	margin: 0;
	padding: 20px 0;
	width: 100%
}

.cus_view .data_list li
{
	overflow: hidden;
	padding: 0 18px;
	margin: 0;
	min-height: 30px;
	list-style: none
}

.cus_view .data_list li p
{
	float: left;
	width: 50%;
	line-height: 20px;
	font-size: .8125rem;
	color: #212121;
	margin: 0;
	padding: 5px 0
}

.cus_view .data_list li p a
{
	color: #2096f3
}

.cus_view .data_list li p .title
{
	color: #999;
	font-style: normal;
	display: inline-block
}

.cus_view .data_list li p .title+.desc
{
	color: #212121;
	font-style: normal;
	display: inline-block;
	vertical-align: top
}

.cus_view .data_list li p .title.tiny
{
	width: 3em
}

.cus_view .data_list li p .title.tiny+.desc
{
	width: calc(100% - 42px)
}

.cus_view .data_list li p .title.small
{
	width: 4em
}

.cus_view .data_list li p .title.small+.desc
{
	width: calc(100% - 56px)
}

.cus_view .data_list li p .title.medium
{
	width: 5em
}

.cus_view .data_list li p .title.medium+.desc
{
	width: calc(100% - 70px)
}

.cus_view .data_list li p .title.large
{
	width: 6em
}

.cus_view .data_list li p .title.large+.desc
{
	width: calc(100% - 84px)
}

.cus_view .data_list li.rowspan
{
	float: none;
	width: 100%
}

.cus_view .data_list li.rowspan p
{
	width: 100%
}

.cus_view .data_list li:last-child
{
	border: 0 none
}

.cus_view.enable_pic,.cus_view.enable_avatar
{
	overflow: hidden
}

.cus_view.enable_pic .data_list,.cus_view.enable_avatar .data_list
{
	float: left;
	margin-right: 30px
}

.cus_view.enable_pic .show_avatar,.cus_view.enable_avatar .show_avatar
{
	float: left;
	margin: 20px 30px 20px 0
}

.cus_view.enable_pic .show_avatar img,.cus_view.enable_avatar .show_avatar img
{
	display: block;
	width: 100%
}

.cus_view.enable_pic .upload_box,.cus_view.enable_avatar .upload_box
{
	float: left;
	margin: 20px 30px 20px 0
}

.cus_view.enable_pic .upload_box .upload_bg,.cus_view.enable_avatar .upload_box .upload_bg
{
	background: url("/img/web/upload_orderinfo.png") left top no-repeat;
	width: 200px;
	height: 200px;
	position: relative
}

.cus_view.enable_pic .upload_box .user_photo,.cus_view.enable_avatar .upload_box .user_photo
{
	display: none;
	position: absolute;
	left: 0;
	top: 0
}

.cus_view.enable_pic .upload_box .re_upload,.cus_view.enable_avatar .upload_box .re_upload
{
	margin: 0;
	width: 100%;
	height: 25px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: .725rem;
	line-height: 25px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0
}

.cus_view.enable_pic .upload_box .btn_upload_photo,.cus_view.enable_avatar .upload_box .btn_upload_photo
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	-webkit-appearance: none
}

.cus_view.enable_avatar .data_list
{
	width: calc(100% - 260px)
}

.cus_view.enable_avatar .show_avatar
{
	width: 200px;
	height: 200px;
	border-radius: 100%
}

.cus_view.enable_avatar .show_avatar img
{
	height: 100%;
	border-radius: 100%
}

.cus_view.enable_pic .data_list
{
	width: calc(100% - 260px)
}

.cus_view.enable_pic .show_avatar
{
	width: 200px;
	overflow: hidden
}

.cus_view .no_tips
{
	text-align: center;
	color: #808080;
	font-size: .8125rem;
	margin: 1rem 0
}

.cus_form
{
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5
}

.cus_form:before,.cus_form:after
{
	content: " ";
	display: table
}

.cus_form:after
{
	clear: both
}

.cus_form>.columns
{
	padding: 30px 0
}

.multiple_select
{
	margin-bottom: 1rem
}

.multiple_select label.inline
{
	margin: 0;
	padding-bottom: 0
}

.multiple_select label.inline input[type="checkbox"],.multiple_select label.inline input[type="radio"]
{
	margin: 0 .5rem 0 0;
	font: initial;
	vertical-align: top
}

.icon-help
{
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url("../img/icon_web.png") left top no-repeat;
	background-size: 250px;
	background-position: -20px -50px;
	vertical-align: baseline;
	margin-left: 5px
}

.f-dropdown-help
{
	font-size: .75rem;
	background: #fff;
	padding: 15px;
	color: #fff;
	border: 1px solid #dadada;
	border-radius: 0;
	z-index: 9999
}

.f-dropdown-help h6
{
	font-size: .8125rem;
	font-weight: bold;
	color: #212121;
	text-align: left
}

.f-dropdown-help p
{
	font-size: .8125rem;
	color: #666;
	text-align: left;
	margin-bottom: .5rem
}

.f-dropdown-help a
{
	color: #2096f3
}

.f-dropdown-help::before,.f-dropdown-help::after
{
	border: 0 none
}

.alert_box
{
	font-size: .8125rem;
	padding: 20px;
	margin: 0 15px 20px;
	border-radius: 5px
}

.alert_box.green
{
	background: #dff0d8;
	color: #3c7668
}

.alert_box.green a
{
	color: #0cc3aa
}

.alert_box.blue
{
	background: #d9edf7;
	color: #31708f
}

.alert_box.blue a
{
	color: #2096f3
}

.alert_box.yellow
{
	background: #fcf8e3;
	color: #8a6d3b
}

.alert_box.yellow a
{
	color: #fabf2d
}

.alert_box.red
{
	background: #f2dede;
	color: #af4453
}

.alert_box.red a
{
	color: #ed5565
}

.pageination_fix
{
	padding: 20px 18px
}

.pageination_fix .pagination_count
{
	font-size: .8125rem;
	color: #999;
	line-height: 2rem
}

.border-bottom
{
	border-bottom: 1px solid #f5f5f5
}

.week_list
{
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.week_list li
{
	border-left: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	list-style: none;
	width: 14.28%;
	height: 30px
}

.week_list li:hover label
{
	background: #f2f2f2
}

.week_list li:last-child
{
	border-right: 1px solid #e5e5e5
}

.week_list li label
{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 30px;
	font-size: .75rem;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff
}

.week_list li input[type=checkbox]
{
	width: 100%;
	height: 100%;
	border: 0 none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	opacity: 0 !important
}

.week_list li input[type=checkbox]:checked+label
{
	color: #fff;
	background: #2096f3
}

.item_schedules
{
	background: #f5f5f5;
	padding-top: 1rem;
	margin-bottom: 1rem
}

.course_cate
{
	padding: 2px;
	font-size: .75rem;
	color: #fff
}

.course_cate.team
{
	background: #fd9f45
}

.course_cate.coach
{
	background: #a88add
}

.course_cate.court
{
	background: #0cc3aa
}

.course_remain
{
	font-size: 1rem
}

.course_remain b.current
{
	color: #de2d0f;
	font-size: 1rem
}

.pay_success
{
	display: none
}

.pay_success i
{
	display: block;
	width: 80px;
	height: 80px;
	margin: 20px auto;
	background: url("/img/group_status.png") left top no-repeat
}

.pay_success p
{
	font-size: 1rem;
	text-align: center
}

.sms_setting
{
	margin-bottom: 20px !important;
	border-bottom: 1px solid #f5f5f5
}

.sms_setting label.sms_label
{
	margin: 0;
	padding: 0;
	color: #b3b3b3;
	text-align: right
}

.sms_setting select.width_fix
{
	display: inline-block;
	height: 1.75rem;
	margin: 0 0 8px 0;
	padding: .25rem;
	width: 60px
}

.sms_setting input.width_fix
{
	display: inline-block;
	height: 1.75rem;
	margin: 0 0 8px 0;
	padding: .25rem
}

.sms_setting input.width_fix.width_tiny
{
	width: 50px
}

.sms_setting input.width_fix.width_small
{
	width: 100px
}

.sms_setting input.width_fix.width_medium
{
	width: 150px
}

.sms_setting input.width_fix.width_large
{
	width: 200px
}

.sms_setting input.width_fix.width_xlarge
{
	width: 250px
}

.sms_setting span.sms_prefix
{
	display: inline-block;
	color: #212121;
	font-size: .875rem;
	margin-bottom: 8px
}

.sms_setting span.sms_preview
{
	display: inline-block;
	border-left: 3px solid #212121;
	color: #212121;
	font-size: .875rem;
	margin-bottom: 8px;
	padding-left: 5px
}

.sms_setting .switch
{
	margin-bottom: 1rem
}

.group_checkbox,.single_checkbox
{
	font-size: initial;
	margin-bottom: 0 !important
}

.num_count .minus,.num_count .plus
{
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	outline: none;
	border: 0 none;
	-webkit-appearance: none;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: url("../../../../img/count.gif") left top no-repeat;
	background-size: 60px 60px
}

.num_count .minus
{
	background-position: -30px 0
}

.num_count .minus:disabled
{
	background-position: 0 0
}

.num_count .plus
{
	background-position: -30px -30px
}

.num_count .plus:disabled
{
	background-position: 0 -30px
}

.num_count .num
{
	display: block;
	float: left;
	font-style: normal;
	width: 60px;
	height: 30px;
	font-size: .875rem;
	color: #4c4c4c;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

.no_item
{
	text-align: center
}

.no_item i
{
	color: #e6e6e6;
	font-size: 4rem;
	margin-bottom: 10px
}

.no_item .no_item_tips
{
	color: #808080
}

.order_sum
{
	background: #de2d0f;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px
}

.order_sum:before,.order_sum:after
{
	content: " ";
	display: table
}

.order_sum:after
{
	clear: both
}

.order_sum span
{
	color: #fff;
	display: inline-block
}

.order_sum span.sum_title
{
	float: left;
	font-size: 1.25rem;
	margin-top: 7px
}

.order_sum span.sum_num
{
	float: right;
	font-size: 2rem
}

.order_sum span.sum_num::after
{
	content: "鍏�";
	font-size: 1.25rem;
	padding-left: 4px
}

.order_count .count_title
{
	text-align: right;
	font-size: .875rem;
	color: #373737;
	margin-bottom: .5rem;
	font-weight: bold
}

.order_count .count_title .count_num
{
	font-weight: normal
}

.order_detail
{
	padding: 10px;
	background: #f2f2f2
}

.order_detail:before,.order_detail:after
{
	content: " ";
	display: table
}

.order_detail:after
{
	clear: both
}

.order_detail dt,.order_detail dd
{
	float: left;
	font-size: .875rem;
	color: #808080;
	margin-bottom: 0
}

.order_detail dt
{
	width: 50px
}

.order_detail dd
{
	width: calc(100% - 50px)
}

.order_qrcode
{
	display: block;
	width: 200px;
	height: 200px;
	margin-bottom: 20px
}

.tip-wrap
{
	position: absolute;
	background: #f3fbff;
	z-index: 1099;
	font-size: 12px;
	padding: 10px 15px;
	border: 1px solid #b8e3ff;
	border-radius: 4px;
	color: #4c4c4c;
	margin-right: 25px
}

.tip-wrap.error
{
	border-color: #ffc6c6;
	background: #ffeceb
}

.tip-wrap:before
{
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	border-left: 1px solid #ffc6c6;
	border-top: 1px solid #ffc6c6;
	background: #ffeceb;
	top: -5px;
	left: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.p_item
{
	display: inline-block;
	font-size: .875rem;
	color: #3b3b3b;
	line-height: 1.5rem;
	padding: 2px 10px;
	margin: .2rem .625rem .2rem 0;
	text-align: center;
	min-width: 2em;
	border-width: 1px;
	border-style: solid;
	border-color: #3b3b3b;
	border-radius: 3px
}

.p_item.selected,.p_item:hover
{
	color: #1898ed;
	border-color: #1898ed
}

.p_item.outstore
{
	color: #b2b2b2;
	border-color: #b2b2b2
}

.cus_upload_btn
{
	display: inline-block;
	padding: .5625rem 0
}

.cus_upload_btn input[type="button"]
{
	display: block;
	padding: 5px 1em;
	font-size: .875rem;
	color: #1d84f8;
	border: 1px solid #87bbf5;
	background: #fff;
	border-radius: 0
}

.cus_upload_tips
{
	font-size: .75rem;
	color: #808080
}

.upload_photo
{
	margin-bottom: 15px;
	height: 36px
}

.upload_photo .btn_upload_area
{
	position: relative;
	width: 106px;
	height: 36px;
	float: left
}

.upload_photo .upload_tips
{
	padding-left: 120px;
	font-size: .75rem;
	color: #808080;
	line-height: 36px
}

.upload_photo .upload_icon
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0cc3aa
}

.upload_photo .upload_button
{
	position: absolute;
	left: 0;
	top: 0;
	width: 106px;
	height: 36px;
	opacity: 0;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}

.text_input_wrap
{
	border: 1px solid #e5e5e5
}

.text_input_wrap .text_input
{
	width: 205px;
	height: 33px;
	border: 0 none;
	background: url('../img/icon_web.png') no-repeat right 15px;
	cursor: pointer;
	padding-left: 20px
}

.text_input_wrap .text_input.up
{
	background-position: right -8px
}

.text_input_wrap .text_input[readonly]
{
	background-color: #fff;
	cursor: pointer
}

.fold_trigger_wrap
{
	border-top: 1px solid #d9d9d9;
	height: 30px
}

.fold_trigger
{
	display: block;
	width: 40px;
	height: 11px;
	margin: 0 auto;
	border: 1px solid #d9d9d9;
	border-top: none;
	cursor: pointer;
	border-radius: 0 0 3px 3px;
	background: #f2f2f2 url('../img/icon_web.png') no-repeat 11px 3px
}

.fold_trigger.up
{
	background-position: 12px -20px
}

.check_all
{
	padding: 10px 0 10px 30px
}

.check_all input[type=checkbox]
{
	margin-bottom: 0
}

.check_all label
{
	font-size: .8125rem;
	padding: 0
}

.plugin_status
{
	background: #fff;
	margin-bottom: 15px;
	padding: 15px;
	overflow: hidden;
	position: relative;
	border: 1px solid #e5e5e5
}

.plugin_status .msg
{
	font-size: .8125rem;
	color: #80807C;
	margin: 0;
	padding-right: 30px
}

.hide_input_file
{
	margin-bottom: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute
}

#take_photo
{
	padding: 15px 0 15px 15px;
	background: #f2f2f2;
	margin-left: 15px
}

.photo_preview
{
	height: 390px;
	line-height: 390px
}

.info_list
{
	margin: 0
}

.info_list li
{
	margin-bottom: .75rem
}

.info_list li p
{
	margin: 0;
	font-size: 0;
	line-height: 1rem
}

.info_list li p:before,.info_list li p:after
{
	content: " ";
	display: table
}

.info_list li p:after
{
	clear: both
}

.info_list li p .key
{
	display: block;
	float: left;
	font-size: .8125rem;
	color: #b2b2b2;
	text-align: right
}

.info_list li p .value
{
	display: block;
	font-size: .8125rem;
	color: #212121;
	line-height: 1rem;
	word-wrap: break-word;
	word-break: break-all
}

.info_list li p.w_4 .key
{
	width: 5em
}

.info_list li p.w_4 .value
{
	padding-left: 5em
}

.info_list li p.w_5 .key
{
	width: 6em
}

.info_list li p.w_5 .value
{
	padding-left: 6em
}

.info_list li p.w_6 .key
{
	width: 7em
}

.info_list li p.w_6 .value
{
	padding-left: 7em
}

@media only screen and (max-width:46.0625em)
{
	.leftNav
	{
		display: none
	}

	.template
	{
		padding: 0
	}

	.container
	{
		margin-left: 0
	}

	.topNav .user_box
	{
		margin-right: 0
	}

	.fix-mobile
	{
		margin-left: 250px;
		width: 100%
	}

	label.right
	{
		text-align: left
	}

	.cus_form
	{
		overflow: hidden
	}
}


.btns.blue:hover {
    background: #1a83d5;
}
.btns.blue {
    background: #2096f3;
}

.locationmap{
	height: 300px; 
	border:1px solid red; 
	margin:10px
}